{% set shoppingCart = catalog.getShoppingCart %}
<header class="head">
	<div class="logoBox">
		<div class="topBanner_" style="margin: -5px -2% 0;">
			{% partial 'index/index-special-banner' %}
		</div>
		<ul class="headMuneBox flexBox">
			<li class="muneBtn">
				<div><img src="{{ 'assets/img/nav/menu.png'|theme }}" alt="" width="28"></div>
                {% if op >0 %}
					<span class="cartNum">
						{{ op }}
					</span>
                {% endif %}
			</li>


			<li class="logo"><a href="/"><img src="{{ 'assets/img/nav/logo.png'|theme }}" alt=""></a></li>

			<li class="top_cart">
				<a href="{{ 'checkout/cart'|page}}">
					<img src="{{ 'assets/img/nav/mybag.png'|theme }}" alt=""  width="28">

					{% if shoppingCart.totalQty > 0 %}
					<span class="cartNum">{{ count(shoppingCart.items) }}</span>
					{% endif %}
				</a>
			</li>
		</ul>
	</div>
	<div class="tlHeight" style="min-width: 1px;height: 80px;"></div>
	<!--  -->
	<hr color="#cacaca" size="1">

	<div id="topMenu">
	    <ul class="ulMenu">
	    	<li>
	    		<div class="Header ov navLogo">
					<div class="fl">
	            		{% if user.email %}
	            			<div class="muneUse_box">
	            				<a href="{{ 'account/dashboard'|page }}">{{ user.name }}</a>
								{% if op >0 %}
									<span class="cartNum">
										{{ op }}
									</span>
				                {% endif %}
	            			</div>
			            {% else %}
	            			<div class="muneUse_box">
	            				<a href="{{ 'account/login'|page }}">ログイン</a>
	            			</div>
			            {% endif %}
					</div>
					<div class="fl">
						<p class="rdstr">❥ 新規の方は300ポイント進呈中！</p>
						<p class="rdstr">❥ １ポイント＝１円 </p>
					</div>
	    		</div>
	            {% if user.email %}
	            {% else %}
		    		<div class="ov" style="overflow: hidden;padding-right: 10px;">
		    			<a href="{{ 'account/register'|page }}" class="fr" style="height: 18px;line-height: 18px;color: #81C7D4;text-decoration: underline;">会員登録</a>
		    		</div>
	            {% endif %}
	    	</li>
	        
	        <li style="overflow: hidden;padding: 0 15px;">
				{% if user.id %}
				<span class="fl">最終ログイン {{ user.last_login |date('Y-m-d H:i')}}</span>
				{% endif %}

	        </li>
	    </ul>
	    <ul class="ulMenu p40">
	        <li>
	            <div class="Header flexBox navNewBox">
	            	<a href="/daily-new.html?rel=home" class="navNew">
	            	</a>
	            	<a href="/sale.html?rel=home" class="navHot">
	            	</a>
	            	<a href="/account/wishlist.html" class="navWish">
	            	</a>
	            </div>
	        </li>
			<li>
				<div class="Header">カテゴリ</div>
			</li>
			{% set categories = catalog.categories() %}
			{% for rootcategory in categories %}
			{% for key, category in rootcategory.children %}
			{% if category.is_enabled %}
	        <li>
	            <div class="Header mune_ mune_{{ category.id }}">
	                {{ category.name }}
	                {% if getCategoryPoint(category.id) >=2 %}
	                <span class="listPorint_ sale{{ getCategoryPoint(category.id) }}" >ポイント{{ getCategoryPoint(category.id) }}倍</span>
	                {% endif %}
	                <span class="arrow"></span>
	            </div>
	            {% if category.children %}
	            <div class="Content">
	                <ul>
						{% set parent_total = catalog.getCategoryProducts(category.id) %}
	                    <li><a href="{{ category.url }}?rel=home">All &nbsp;&nbsp;&nbsp;<span class="txtGray">({{ parent_total['total']?:0 }} 点)</span></a></li>
	                    {% for cate in category.children %}
						{% if cate.is_enabled %}
						{% set child_total = catalog.getCategoryProducts(cate.id) %}
	                    <li><a href="{{ cate.url }}?rel=home">{{ cate.name }} &nbsp;&nbsp;&nbsp;<span class="txtGray">({{ child_total['total']?:0 }} 点)</span></a></li>
		                    
						{% endif %}
	                    {% endfor %}
	                </ul>
	            </div>
	            {% endif %}
	        </li>
	        {% endif %}
			{% endfor %}
	        {% endfor %}
	    </ul>
	    <ul class="ulMenu p45">
	    	<li>
			    <div class="indexSearch ov">
		            <form action="/search-bootstrap" method="get">
		                <div class="suggest_side">
		                    <input title="検索キーワード" maxlength="100" placeholder="商品名・品番・キーワードで探す" name="q" required class="keywords" autocomplete="off" type="text" value="{{ this.param.keyword ?: '' }}">
		                    <input class="searchBtn" type="submit" value="検索">
		                </div>
		            </form>
		        </div>
	    	</li>
	    </ul>
	    <ul class="ulMenu p45">
	        <li>
	            <div class="Header">メニュー</div>
	        </li>
	        <li>
	            <div class="Header">
	                FASHIONDMについて
	                <span class="arrow"></span>
	            </div>
	            <div class="Content">
	                <ul>
	                    <li><a href="{{ 'common/about'|page }}">FASHIONDMのご紹介</a></li>
	                    <li><a href="{{ 'common/about-us'|page }}">運営会社情報</a></li>
	                    <li><a href="{{ 'common/security'|page }}">セキュリティ</a></li>
	                    <li><a href="{{ 'common/privacy'|page }}">プライバシーポリシー</a></li>
	                    <li><a href="{{ 'common/terms'|page }}">ご利用規約</a></li>
	                    <li><a href="{{ 'common/company'|page }}">特定商取引法表記</a></li>
	                    <li><a href="{{ 'common/contact-us'|page }}">お問合わせする</a></li>
	                </ul>
	            </div>
	        </li>
	        <li>
	            <div class="Header">
	                ご利用ガイドについて
	                <span class="arrow"></span>
	            </div>
	            <div class="Content">
	                <ul>
	                    <li><a href="{{ 'common/faq'|page }}">よくあるご質問一覧</a></li>
	                    <li><a href="{{ 'common/payment'|page }}">お支払い方法</a></li>
	                    <li><a href="{{ 'common/delivery'|page }}">送料と配送</a></li>
	                    <li><a href="{{ 'common/return-policy'|page }}">交換/返品ポリシー</a></li>
	                    <li style="display: none;"><a href="{{ 'common/rewardpoints'|page }}">会員サービスのご案内</a></li>
	                </ul>
	            </div>
	        </li>
	    </ul>
	    <ul class="ulMenu" style="padding-bottom:50px;">
	        <li>
	            <div class="Header">割引クーポンプレゼント!</div>
	        </li>
	        <li>
	            <form style="padding:0 20px;clear:both;overflow:hidden;">
	                <input class="commonInput_inputText" type="email" placeholder="メールアドレスを入力してください" name="email"  required style="">
	                <button type="submit" class="button_decide cartButton bgBlue3" data-request="onSubscription" data-request-success="afterSubscription(this, data)" style="">
	                    <span style=""></span>
	                </button>
	            </form>
	        </li>
	    </ul>
	</div>
	<div id="divBox" class="">
	  <div class="divBoxOverlay">
	    <a href="javascript:;">
	      <span class="arrow left"></span>
	    </a>
	  </div>
	</div>
</header>
